import React from 'react'
import { useNavigate } from 'react-router-dom'
const Index: React.FC = () => {
  const navigate = useNavigate()
  return (
    <div>
      <div className='center'>
        <div className='center-top'>
          <ul>
            <li onClick={() => navigate('/zjzbmz')}>
              <img src="../../src/img/images/homesj_03.gif" alt="" />
              <div >
                <div>值班</div>
                <div>门诊</div>
              </div>
              <div className='yhbj'>
                <img src="../../src/img/yhbj.gif" alt="" />
              </div>
            </li>
            <li>
              <img src="../../src/img/images/homezj_03.gif" alt="" />
              <div>
                <div>专家</div>
                <div>门诊</div>
              </div>
            </li>
            <li>
              <img src="../../src/img/images/homezj_05.gif" alt="" />
              <div>
                <div>预约</div>
                <div>挂号</div>
              </div>
            </li>
          </ul>
        </div>
        <div className='center-center'>
          <ul>
            <li>10-22点在线</li>
            <li>在线问专家</li>
            <li>预约线下就诊</li>
          </ul>
        </div>
        {/*中部 底部 */}

        <div className='center-bottom'>
          <div className='center-hua'>
            <div onClick={()=> navigate('/kuaisui')}>
            <div>快速问医生</div>
            <div>3分钟内接诊</div>
          </div>
          <div>
            <div>免费义诊</div>
            <div>图文</div>
          </div>
          <div onClick={()=> navigate('/zbyy')}>
            <div>直播</div>
            <div>义诊</div>
          </div>
          <div onClick={()=> navigate('/kaiyiao')}>
            <div>开药门诊</div>
            <div>放心药,寄到家</div>
          </div>
          <div>
            <div>私人医生</div>
            <div>全程照护</div>
          </div>
          <div onClick={()=>navigate('tysj')}>
            <div>体检解读</div>
            <div>三甲医生解读</div>
          </div>
          </div>
        </div>
        <div className='center-bottom-b'>28万医生提供服务<b>(实名认证)</b></div>
      </div>
    </div>
  )
}

export default Index
